<template>
	<view class="watermark-box">
		<view class="watermark zyjz flex-wrap">
			<view class="mgn-l-20 pad60" v-for="it in 20">
				{{infoData.user_name}} <text class="mgn-l-10">{{infoData.mobile_phone}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	import mixins from '@/mixins/index.js'
	export default {
		mixins: [mixins],
		name: 'watermark',
		props: {
			text: {
				type: String,
				default: 'text'
			}
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="less">
	.watermark-box {
		position: fixed;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: -10;
		overflow: hidden;

		.watermark {
			position: absolute;
			top: 0rpx;
			left: -50rpx;
			width: 100vh;
			height: 100vh;
			transform: rotate(-30deg);
			opacity: .1;
		}
	}
</style>